<script setup lang="ts">
import {ref} from 'vue';
import Isstudy from './Isstudy.vue';//import==using
//类型：对象
let name = ref("活脱脱")
//类型：字符串
name.value = "lisi"
//登录
let login = () => {
    alert(name.value)
}
//ref 对象何时使用。value属性
//script 标签中，全部使用.value
//template标签中，可直接使用变量(ref)对象
</script>
<template>
    <div class="main">
        <h1>{{ name }}</h1>
        <!--v-model:vue 用于处理 带有value属性标签固定写法·-->
        <input v-model="name"></input>
        <input :value="name"></input>
        <button v-on:click="login">登录</button>
        <button @click="login">登录</button>
        <Isstudy></Isstudy>
        </div>
</template>

<style scoped></style>